<template>
  <div>
    <p>为什么说：v-model其实只是双向绑定的一个语法糖？</p>
    <p>{{ message }}</p>
    <input type="text" :value="message" @input="handleChange" />
  </div>
</template>
<script>
export default {
  name: 'double-bind',
  props: {},
  data() {
    return {
      message: 'hello world'
    }
  },
  methods: {
    handleChange(e) {
      this.message = e.target.value
    }
  }
}
</script>
